<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>index</title>
	<!-- 引入 echarts.js -->
	<link type="image/x-icon" rel="icon" href="http://static.sxbang.net/portal/images/icon.ico"/>
	<link type="image/x-icon" rel="shortcut icon" href="http://static.sxbang.net/portal/images/icon.ico"/>
	<link type="image/x-icon" rel="bookmark" href="http://static.sxbang.net/portal/images/icon.ico"/>

	<link href="http://static.sxbang.net/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
	<link href="http://static.sxbang.net/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
	<link rel="stylesheet" href="./css/datepicker.css"/>
	<script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1023956d2bf6aaf56ae7726320e41776"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>

	<script src="http://static.sxbang.net/jquery/jquery-2.1.4.min.js"></script>
	<script src="http://static.sxbang.net/bootstrap/3.3.4/js/bootstrap.min.js"></script>
	<script src="./common/js/bootstrap-datepicker.js"></script>
	<script src="./common/js/bootstrap-datepicker.zh-CN.min.js"></script>
	<!-- <script src="https://cdn.bootcss.com/echarts/4.1.0.rc2/echarts.min.js"></script> -->
	<!-- <link
	href="http://127.0.0.1/static/sxb/portal/css/index-emok.css"
	rel="stylesheet">-->
	<!--<link
	href="http://127.0.0.1/static/sxb/portal/css/news/it-news-essay.css"
	rel="stylesheet"> -->

</head>
<body>
	<style >
	body {
		background-color: #f5f5f5;
	}
	</style>
	<link href="./common/css/sxb-common-layout.css?v=201807241807" rel="stylesheet"/>
	<link href="./index-v5/css/index-footer-v5.css?v=201807241807" rel="stylesheet"/>
	<link href="./news/css/teacher.css?v=201807241807" rel="stylesheet"/>
	<script src="./news/js/teacher.js?v=201807241809"></script>


	<div class="teacher-banner"></div>
	<div class="teacher-assistant padding-y-70">
		<div class="container">
			<div class="container-hd margin-bottom-30 ">
				<div class="container-hd-title">
					<span>教师助手，在线实训服务</span>
				</div>
				<div class="container-hd-subtitle">
					<span>企业项目，在线开班；实训教学，一站管理</span>
				</div>
			</div>
			<div class="container-bd">
				<div class="ta-item">
					<div  class="ta-item-icon margin-bottom-20"></div>
					<div class="ta-item-text">
						<div class="ta-item-title">
							项目选择
						</div>
						<div class="ta-item-sub">
							获邀请码，链接进入
						</div>
					</div>
				</div>
				<div class="ta-arrow"></div>
				<div class="ta-item">
					<div  class="ta-item-icon margin-bottom-20"></div>
					<div class="ta-item-text">
						<div class="ta-item-title">
							班级管理
						</div>
						<div class="ta-item-sub">
							自动成班，自由调整
						</div>
					</div>
				</div>
				<div class="ta-arrow"></div>
				<div class="ta-item">
					<div  class="ta-item-icon margin-bottom-20"></div>
					<div class="ta-item-text">
						<div class="ta-item-title">
							在线实训
						</div>
						<div class="ta-item-sub">
							录播教学，直播教学
						</div>
					</div>
				</div>
				<div class="ta-arrow"></div>
				<div class="ta-item">
					<div  class="ta-item-icon margin-bottom-20"></div>
					<div class="ta-item-text">
						<div class="ta-item-title">
							教学管理
						</div>
						<div class="ta-item-sub">
							预置测评，协助批改
						</div>
					</div>
				</div>
				<div class="ta-arrow"></div>
				<div class="ta-item">
					<div  class="ta-item-icon margin-bottom-20"></div>
					<div class="ta-item-text">
						<div class="ta-item-title">
							报表监控
						</div>
						<div class="ta-item-sub">
							随时监控，成绩可视
						</div>
					</div>
				</div>
				<div style="clear:both;"></div>
			</div>

		</div>
	</div>

	<div class="customize-monitor-station padding-y-50">
		<div class="container">
			<div class="container-hd margin-bottom-50 ">
				<div class="container-hd-title">
					<span>定制监控台，全向跟踪全面管理</span>
				</div>
				<div class="container-hd-subtitle">
					<span>活跃情况，作业批改; 阶段預警，成绩报表</span>
				</div>
			</div>
			<div class="container-bd">
				<div class="cms-cover padding-x-60">
					<img src="./news/img/teacher/screen-02.png" alt="">
				</div>
				<div class="cms-introduce ">
					<div class="cms-text margin-top-40 padding-left-50">
						<div class="cms-text-title">
							轻量化项目
						</div>
						<div class="cms-text-sub padding-top-15">
							源于企业，贴合教学，定制轻量化教学案例
						</div>
					</div>
					<div class="cms-text margin-top-30 padding-left-50">
						<div class="cms-text-title">
							为教师减负
						</div>
						<div class="cms-text-sub padding-top-15">
							智能云平台、一线工程师支持服务
						</div>
					</div>
					<div class="cms-text margin-top-30 padding-left-50">
						<div class="cms-text-title">
							管理更得力
						</div>
						<div class="cms-text-sub padding-top-15">
							功能更全面，数据更多维，成果可视化
						</div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
	<div class="cooperative-class padding-y-50 ">
		<div class="container">
			<div class="container-hd margin-bottom-30 ">
				<div class="container-hd-title">
					<span>合作开班，协同育人</span>
				</div>
			</div>
			<div class="container-bd">
				<div class="page-bd margin-x-minus-15">
					<div class="pages 2">

					</div>
				</div>
				<div class="page-footer margin-top-30">
					<div class="page-tool">
						<div class="btn page-prev margin-right-15" data-orientation="prev">
							<i class="fa fa-angle-left"></i>
						</div>
						<div class="page-num ">
							<div class="page-num-now">
								1
							</div>
							<div class="page-num-spilt margin-left-10 margin-right-10">
								/
							</div>
							<div class="page-num-total">
								1
							</div>
						</div>
						<div class="btn page-next margin-left-15" data-orientation="prev">
							<i class="fa fa-angle-right"></i>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>

	<div class="create-class" style="background:url(./news/img/teacher/create_class.jpg) no-repeat">
		<div class="container create-class-container">
			<h3 class="create-class-title">在线开班，教师指导组队学</h3>
			<h4 class="create-class-small-title">立即开班，尽享线上教学使捷</h4>
			<button class="create-class-btn margin-top-40-important">我要开班</button>

		</div>
	</div>
	<div class="online-course-production padding-y-50 padding-bottom-80">
		<div class="container">
			<div class="container-hd margin-bottom-50 ">
				<div class="container-hd-title">
					<span>慕课课程共建，精品在线课程制作</span>
				</div>
				<div class="container-hd-subtitle">
					<span>科学规划，阶段推进；迭代更新，优化体验</span>
				</div>
			</div>
			<div class="container-bd margin-x-minus-20">
				<div class="col-md-1-5  padding-20">
					<div class="ocp-item padding-20">
						<div class="ocp-item-index">01 <i class="fa fa-angle-double-right"></i> </div>
						<div class="ocp-item-text ">
							<div class="ocp-item-title">
								内容准备阶段
							</div>
							<div class="ocp-item-sub">
								课程规划与素材分析
							</div>
						</div>
						<div class="ocp-item-link"></div>
						<div class="ocp-item-tags">
								<div class="ocp-item-tag"><span>·</span>课程大纲</div>
								<div class="ocp-item-tag"><span>·</span>课程大纲</div>

							<div style="clear:both;"></div>
						</div>
					</div>
				</div>
				<div class="col-md-1-5  padding-20">
					<div class="ocp-item padding-20">
						<div class="ocp-item-index">01 <i class="fa fa-angle-double-right"></i> </div>
						<div class="ocp-item-text ">
							<div class="ocp-item-title">
								内容准备阶段
							</div>
							<div class="ocp-item-sub">
								课程规划与素材分析
							</div>
						</div>
						<div class="ocp-item-link"></div>
						<div class="ocp-item-tags">
								<div class="ocp-item-tag"><span>·</span>课程大纲</div>
								<div class="ocp-item-tag"><span>·</span>课程大纲</div>

							<div style="clear:both;"></div>
						</div>
					</div>
				</div>
				<div class="col-md-1-5  padding-20">
					<div class="ocp-item padding-20">
						<div class="ocp-item-index">01 <i class="fa fa-angle-double-right"></i> </div>
						<div class="ocp-item-text ">
							<div class="ocp-item-title">
								内容准备阶段
							</div>
							<div class="ocp-item-sub">
								课程规划与素材分析
							</div>
						</div>
						<div class="ocp-item-link"></div>
						<div class="ocp-item-tags">
								<div class="ocp-item-tag"><span>·</span>课程大纲</div>
								<div class="ocp-item-tag"><span>·</span>课程大纲</div>

							<div style="clear:both;"></div>
						</div>
					</div>
				</div>
				<div class="col-md-1-5  padding-20">
					<div class="ocp-item padding-20">
						<div class="ocp-item-index">01 <i class="fa fa-angle-double-right"></i> </div>
						<div class="ocp-item-text ">
							<div class="ocp-item-title">
								内容准备阶段
							</div>
							<div class="ocp-item-sub">
								课程规划与素材分析
							</div>
						</div>
						<div class="ocp-item-link"></div>
						<div class="ocp-item-tags">
								<div class="ocp-item-tag"><span>·</span>课程大纲</div>
								<div class="ocp-item-tag"><span>·</span>课程大纲</div>

							<div style="clear:both;"></div>
						</div>
					</div>
				</div>
				<div class="col-md-1-5  padding-20">
					<div class="ocp-item padding-20">
						<div class="ocp-item-index">01 <i class="fa fa-angle-double-right"></i> </div>
						<div class="ocp-item-text ">
							<div class="ocp-item-title">
								内容准备阶段
							</div>
							<div class="ocp-item-sub">
								课程规划与素材分析
							</div>
						</div>
						<div class="ocp-item-link"></div>
						<div class="ocp-item-tags">
								<div class="ocp-item-tag"><span>·</span>课程大纲</div>
								<div class="ocp-item-tag"><span>·</span>课程大纲</div>

							<div style="clear:both;"></div>
						</div>
					</div>
				</div>





				<div style="clear:both;"></div>
			</div>
		</div>
	</div>
	<div class="platform-features padding-y-50 padding-bottom-100">
		<div class="container">
			<div class="container-hd margin-bottom-50 ">
				<div class="container-hd-title">
					<span>为在线教育而生，让教研超越书本案头</span>
				</div>
				<div class="container-hd-subtitle">
					<span>协作共赢，共建精品；服务教师，打造名师</span>
				</div>
			</div>
			<div class="container-bd">

				<div class="col-md-4">
					<div class="pf-item">
						<div class="pf-item-icon margin-bottom-20"></div>
						<div class="pf-item-title margin-bottom-20">
							课程精品化.凝聚教研成果
						</div>
						<div class="pf-item-content">
							提供科学的内容规划及商业项目案朗指导。
							共创精品课程促进职业生理发展
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="pf-item">
						<div class="pf-item-icon margin-bottom-20"></div>
						<div class="pf-item-title margin-bottom-20">制作专业化实现课程在线</div>
						<div class="pf-item-content">
							专业化器课制作团队及设备，以最佳呈现与互动方式让精品课程拥抱互联网
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="pf-item">
						<div class="pf-item-icon margin-bottom-20"></div>
						<div class="pf-item-title margin-bottom-20">跨端互联化.提升行业知名度</div>
						<div class="pf-item-content">
							跨越PC端、移动端和微信小程序满足多场景学习需求，配合新媒体运营提升知名度
						</div>
					</div>
				</div>

				<div class="clear"></div>
			</div>
		</div>
	</div>

</body>
</html>
